<template>
  <div class="jumbotron">
    <h1>学生管理系统</h1>
    <p>这是一个很N13的项目...有前后端分离的技术</p>
    <p>
      <a class="btn btn-primary btn-lg"  href="javascript:;" @click="toStudent" role="button">显示学生信息</a>
    </p>
  </div>
</template>
<script>
export default {
    methods: {
        toStudent(){
            // this.$router.push("/student");
            // this.$router.push({path:'/student'})
            // this.$router.push({name:'stu',path:'/student'})
            this.$router.push({name:'stu'})
        }
    },
};
</script>
<style lang="less">
    .jumbotron{
        height: 800px;
    }
</style>